博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
十七、编辑头像(带参数)
阅读量:6265 次
发布时间:2019-06-22

本文共 4850 字,大约阅读时间需要 16 分钟。

//$('body').on('change', '.upload_image', function(){//	alert(111);////  var is_length = $('.upload-img-list').length;////  if (is_length > 8) {//      new $.flavr({//          title       : '有错误发生:',//          iconPath    : 'flavr/images/icons/',//          icon        : 'email.png',//          content     : '图片最多上传9张',//      });//      return//  }//  $('.upload_error').html('');////  var file_path = $(this).val();//  var file_obj = document.querySelector('.upload_image');////  var data = uploadImgAction(this, file_path, file_obj);////  $.ajax({//      'url': '/upload/image',//      'type': 'post',//      'dataType': 'json',//      'processData': false,//      'contentType': false,//      'data': data,//      'success': function (response) {//          if (response.status) {//              // 添加隐藏域,保存存储成功后的物理路径//              var show_img = '
'+// '
'+// '
'+// '
x'+// '
';// $('.upload-img-box').append(show_img);// $('.upload_image').val('');// } else {// errorMessage(response.error_msg);// }// }// })//});var dataParam = [];function headImg(type) { //这个type参数是因为传图片的同时还要传参数,根据type不同写不同的参数,可选 if(type==1){ type='bill_user' }else{ type='rec_user' }// var is_length = $('.upload-img-list').length;// console.log//// if (is_length > 8) {// new $.flavr({// title : '有错误发生:',// iconPath : 'flavr/images/icons/',// icon : 'email.png',// content : '图片最多上传9张',// });// return// } $('.upload_error').html('');// var file_path = $(this).val();// var file_obj = document.querySelector('.upload_image'); var file_path = $('#upload-photo').val(); var file_obj = document.querySelector('#upload-photo'); var this1 = document.querySelector('#upload-photo'); var type = type; var data = uploadImgAction(this1, file_path, file_obj,type); $.ajax({ url: 'http://ezist.cn/api/users/avatar', type: 'post', dataType: 'json', processData: false, contentType: false, data: data, success: function (response) { debugger window.location.href = "m-personal-center.html"// window.location.href = "personal-data.html" dataParam.push(response.flag);// param = response.save_path// if (response.status) { // 添加隐藏域,保存存储成功后的物理路径 var param = response.save_path + '1'; var show_img = '
'+ '
'+ '
'+ '
x'+ '
'; $('.upload-img-box').append(show_img); $('.upload_image').val('');// } else {// errorMessage(response.error_msg);// } } })}// 个人中心上传图片$('body').on('change', '.per_upload_image', function() { var file_path = $(this).val(); var file_obj = document.querySelector('.per_upload_image'); var data = uploadImgAction(this, file_path, file_obj); $.ajax({ 'url': '/upload/image', 'type': 'post', 'dataType': 'json', 'processData': false, 'contentType': false, 'data': data, 'success': function (response) { if (response.status) { $('.upload_success').attr('value', response.save_path); } } })})// 上传图片方法function uploadImgAction($this, file_path, file_obj,type) { var _file = $this; var file = file_obj.files[0]; // 图片尺寸限制 if (file.size > 2 * 1024 * 1024) { errorMessage('图片尺寸不能超过2M') } var ext_start = file_path.lastIndexOf('.'); var ext = file_path.substring(ext_start + 1, file_path.length).toUpperCase(); // 图片类型限制 if ($.inArray(ext, ['JPG', 'JPEG', 'GIF', 'BMP', 'PNG']) < 0) { errorMessage('图片格式只能为JPG、JPEG、GIF、BMP、PNG'); } var data = new FormData(); //此处就是要上传给后台的图片加参数data.append() data.append('avatar', _file.files[0]); data.append('type', type); return data;}function deleteImg(param,imgPar) { var imgArr = $('#' + imgPar); $.post('http://ezist.cn/api/bills/image/destroy', {'path': param, 'csrf_token':$('meta[name="csrf-token"]').attr('content')}, function() { imgArr.parents('.upload-img-list').remove(); })}// 删除图片//$('body').on('click', '.upload-del-x', function() {// debugger// var $this = $(this);// var path = $(this).prev().attr('src');//// $.post('/destroy/image', {'path': path, 'csrf_token':$('meta[name="csrf-token"]').attr('content')}, function() {// $this.parents('.upload-img-list').remove();// })//})function errorMessage(message){ $('.upload_error').html(message); return;}

  

转载于:https://www.cnblogs.com/deng-jie/p/9166951.html

你可能感兴趣的文章
hdu1085 Holding Bin-Laden Captive!
查看>>
hdu4811 Ball
查看>>
Docker实践--搭建Yapi测试平台
查看>>
align-content 与 align-items 区别
查看>>
a链接中,name属性的应用
查看>>
Java精选笔记_多线程(创建、生命周期及状态转换、调度、同步、通信)
查看>>
java Session统计在线用户,并且显示在线用户
查看>>
spring boot集成jpa(mysql)
查看>>
js实现的玫瑰花
查看>>
大话设计模式之责任链模式
查看>>
记录libreoffice实现office转pdf(适用于windows、linux)
查看>>
Python爬虫入门这一篇就够了
查看>>
彻底卸载Cygwin
查看>>
【转】安卓开发一个月之心得(广告平台篇)
查看>>
salt 批量部署与配置
查看>>
python使用cx_oracle模块连接oracle数据库
查看>>
IOS UINavigationController 更改返回按钮
查看>>
SqlServer2005 性能调校之 利用Sql Server Profiler捕捉阻塞事件(转)
查看>>
Ubuntu 16.04 无法正常关机问题
查看>>
食物链(并查集)
查看>>